<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:c="http://java.sun.com/jsp/jstl/core"
    xmlns:ace="http://www.icefaces.org/icefaces/components"
    xmlns:ice="http://www.icesoft.com/icefaces/component"
    xmlns:icecore="http://www.icefaces.org/icefaces/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:b="http://java.sun.com/jsf/composite/ezcomp"
    template="/resources/templates/template.xhtml">
    
    <ui:define name="title">TallerStudio</ui:define>
   
    <ui:define name="body">
        <h:form id="formBody">
            
             <style type="text/css">
                /* Important required because row */
                .ui-datatable-odd {background-color:lightgray !important;}
            </style>
            
            <ace:panel id="panelFiltro" header="Estimación de Tiempos">
                <h:panelGrid columns="4" style="width: 90%" columnClasses="colwidth25,colwidth1,colwidth30,colwidth30">
                    <h:outputLabel value="Ingrese porcentaje deseado"/>
                    <h:outputLabel value=":"/>
                    <h:column>
                        <ace:maskedEntry id="poerId"  value="#{analisisMBean.porcentaje}" mask="9?99" placeHolder="" size="3" />
                        <h:outputLabel value="%"/>
                    </h:column>
                    <h:panelGroup/>
                    
                    <h:outputLabel value="Seleccione Trabajador"/>
                    <h:outputLabel value=":"/>
                    <h:selectOneMenu  id="selSucursal" value="#{analisisMBean.codEmpleado}" styleClass="inputStyle">
                        <f:selectItem itemValue="0" itemLabel="TODOS"/>
                        <f:selectItems value="#{analisisMBean.empleados}" var="emp" itemValue="#{emp.idEmpleados}" itemLabel="#{emp.nombresEmp} #{emp.apellidosEmp}" />
                    </h:selectOneMenu>
                    <h:panelGroup/>
                </h:panelGrid>
                <h:panelGrid columns="5" style="width: 90%" columnClasses="colwidth25,colwidth1,colwidth15,colwidth15,colwidth30">
                    <h:panelGroup/>
                    <h:panelGroup/>
                    <h:outputLabel value="Desde"/>
                    <h:outputLabel value="Hasta"/>
                    <h:panelGroup/>
                    
                    <h:outputLabel value="Rango de Fechas"/>
                    <h:outputLabel value=":"/>
                    <ace:maskedEntry id="fechadesde" style="width: 70px" value="#{analisisMBean.fechaDesde}" mask="99/99/9999" >
                        <f:convertDateTime pattern="dd/MM/yyyy"/>
                    </ace:maskedEntry>
                    <ace:maskedEntry id="fechaHasta" style="width: 70px" value="#{analisisMBean.fechaHasta}" mask="99/99/9999" >
                        <f:convertDateTime pattern="dd/MM/yyyy"/>
                    </ace:maskedEntry>
                    <h:column>
                       <b:boton value="Calcular Tiempos" title="Calcular Tiempos" styleClass="flotarDerecha" action="#{analisisMBean.calcular}"/>
                    </h:column>
                </h:panelGrid>
            </ace:panel>
            <br/>
           <ace:dataTable id="valorTable"
                          value="#{analisisMBean.analisis}"
                          var="an"
                          paginator="true"
                          rows="10"
                          paginatorPosition="bottom"
                          emptyMessage="NO ESPECIFICADO"
                          rowIndexVar="index">
               <ace:column id="nomOper" headerText="Nombre Operación" filterBy="#{an.operacion.nomOperacion}" filterMatchMode="contains" sortBy="#{an.idValorHora}">
                   <h:outputText id="nomOpeCell" value="#{an.operacion.nomOperacion}"/>
                </ace:column>
               <ace:column id="operTime" headerText="Tiempo Estimado" filterBy="#{an.operacion.tiempoEstimado}" filterMatchMode="contains" sortBy="#{an.valorHora}">
                    <h:outputText id="operTimeCell" value="#{an.operacion.tiempoEstimado}"/>
                </ace:column>
               <ace:column id="promedio" headerText="Tiempo Promedio" filterBy="#{an.promedio}" filterMatchMode="contains" sortBy="#{an.fecha}">
                    <h:outputText id="promCell" value="#{an.promedio}"> 
                        <f:convertDateTime pattern="MMMM dd, yyyy"/>
                    </h:outputText>
                </ace:column>
               <ace:column id="desviacion" headerText="Desviación Estandar" filterBy="#{an.desviacion}" filterMatchMode="contains" sortBy="#{an.rutEmpleado}">
                    <h:outputText id="desviacionCell" value="#{an.desviacion}"/>
                </ace:column>
               <ace:column id="estimado" headerText="Tiempo Estimado según %" filterBy="#{an.estimado}" filterMatchMode="contains" sortBy="#{an.estado}">
                   <h:outputText id="estimadoCell" value="#{an.estimado}"/>
                </ace:column>
            </ace:dataTable>
            <div id="contenidoBotonesId" class="contenidoBotones">
                <ace:dataExporter id="dataExporter" styleClass="flotarIzquierda" label="Exportar Excel" type="xls" target="valorTable" fileName="valorHorasHistorico"/>
            </div>
         </h:form>
    </ui:define>

</ui:composition>